<%--
  Created by IntelliJ IDEA.
  User: chenxh
  Date: 2007-5-12
  Time: 22:51:34
  To change this template use File | Settings | File Templates.
--%>
<%@ include file="/common/taglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<script type="text/javascript">

    function toggleDetail() {
        if (document.all.fillinDetail.checked) {
            document.getElementById("detailInfo").style.display = "";
        } else {
            document.getElementById("detailInfo").style.display = "none";
        }
    }

</script>
<style type="text/css">@import url(${ctx}/js/calendar/skins/aqua/theme.css);</style>
<!-- import the calendar script -->
<script type="text/javascript" src="${ctx}/js/calendar/calendar.js"></script>
<script type="text/javascript" src="${ctx}/js/calendar/calendar-setup.js"></script>

<!-- import the language module -->
<script type="text/javascript" src="${ctx}/js/calendar/lang/calendar-en.js"></script>
<!-- quick begin -->
<br>
<div class="subtable nav" style="width: 98%">
<a href="index.php">Discuz! Board</a> &raquo; 注册
</div><br>
<!-- end #quick -->
<!-- register info begin -->
<s:form action="/user/register.do" method="post">
<div class="spaceborder" style="width: 98%">
<table cellspacing="0" cellpadding="4" width="100%" align="center">
<tr>
<td colspan="2" class="header">注册</td>
</tr>
<tr class="category">
<td colspan="2">必填</td>
</tr>
    <tr>
<td class="altbg1" width="21%"><span class="bold">用户名: *</span></td>
    <td class="altbg2">
        <s:text name="user.username" class="t" id="username"/>
        <!--<input type="button" value="检测用户" name="checkuser" class="b" id="checkuser"/>-->
        <s:errors field="user.username"/>
        </td>
  </tr>
  <tr>
    <td class="altbg1" width="21%"><span class="bold">昵称: *</span></td>
    <td class="altbg2">
        <s:text name="user.nickname" class="t" id="nickname"/>
        <s:errors field="user.nickname"/>
    </td>
</tr>
<tr>
    <td class="altbg1" width="21%"><span class="bold">密 码: *</span></td>
    <td class="altbg2">
        <s:password name="user.password" class="reginput" id="password"/>
        <s:errors field="user.password"/>
    </td>
</tr>
<tr>
    <td class="altbg1" width="21%"><span class="bold">密码确认: *</span></td>
    <td class="altbg2">
        <s:password name="confirmPassword" class="reginput" id="confirmPassword"/>
        <s:errors field="confirmPassword"/>
     </td>
</tr>
<tr>
    <td class="altbg1" width="21%"><span class="bold">电子邮件: *</span></td>
    <td class="altbg2">
        <s:text name="user.email" class="reginput" id="email" size="40"/>
        <s:errors field="user.email"/>
    </td>
</tr>
<tr>
    <td class="altbg1" width="21%"><span class="bold">安全提问: *</span></td>
    <td class="altbg2">
        <s:text name="user.question" class="reginput" id="question" size="40"/>
        <s:errors field="user.question"/>
   </td>
</tr>
<tr>
    <td class="altbg1" width="21%"><span class="bold">问题答案: *</span></td>
    <td class="altbg2">
        <s:text name="user.answer" class="reginput" id="answer" size="40"/>
        <s:errors field="user.answer"/>
    </td>
</tr>

<tr>
    <td class="altbg1" width="21%"><span class="bold">高级选项:</span></td>
    <td class="altbg2">
    <input type="checkbox" name="fillinDetail" id="fillDetail" value="1"
                                          onclick="toggleDetail()"/><label
            style="padding-left:6px;">显示高级选项</label> </td>
</tr>

    <tbody style="display:none" id="detailInfo">
        <tr class="category">
            <td colspan="2">选填</td>
        </tr>

        <tr>
    <td class="altbg1" width="21%"><span class="bold">性别:</span></td>
        <td class="altbg2">
            男
            <s:radio value="1" name="user.sex"></s:radio>
            女
            <s:radio value="2" name="user.sex"></s:radio>
            保密
             <s:radio value="0" name="user.sex"></s:radio>
        </td>
    </tr>

         <tr>
    <td class="altbg1" width="21%"><span class="bold">生日:</span></td>
         <td class="altbg2">
            <input type="text" name="userProfile.birthDay" size="20" class="t" id="birthDay"/>
            <button id="birthDayDate">....</button>
            <script type="text/javascript">
Calendar.setup(
{
inputField : "birthDay", // ID of the input field
ifFormat : "%Y-%m-%d", // the date format
button : "birthDayDate" // ID of the button
}
);
</script>
            <s:errors field="userProfile.birthDay"></s:errors>
        </td>
    </tr>

          <tr>
    <td class="altbg1" width="21%"><span class="bold">主页:</span></td>
        <td class="altbg2">
            <s:text name="userProfile.website" class="t" size="40"></s:text>
        </td>
    </tr>

        <tr>
    <td class="altbg1" width="21%"><span class="bold">QQ号码:</span></td>
        <td class="altbg2">
            <s:text name="userProfile.imQq" class="t" size="20"></s:text>
         </td>
    </tr>
        <tr>
     <td class="altbg1" width="21%"><span class="bold">MSN:</span></td>
         <td class="altbg2">
            <s:text name="userProfile.imMsn" class="t" size="20"></s:text>
         </td>
    </tr>
     <tr>
    <td class="altbg1" width="21%"><span class="bold">来自:</span></td>
       <td class="altbg2">
            <s:text name="userProfile.address" class="t" size="50"></s:text>
         </td>
    </tr>

     <tr>
    <td class="altbg1" width="21%"><span class="bold">头像:</span></td>
        <td class="altbg2">
            <s:text name="user.photoUrl" class="t" size="20"></s:text>
        </td>
    </tr>

     <tr>
    <td class="altbg1" width="21%"><span class="bold">个性签名:</span></td>
        <td class="altbg2">
            <s:textarea name="userProfile.introduce" cols="45" rows="5" style="height:134px"/>
         </td>
    </tr>
    </tbody>
</table>
</div>
<br>
<div class="option"><div class="submitbutton"><input class="button" type="submit" name="regsubmit" value="提 &nbsp; 交"></div></div>
</s:form>

